<template>
	<view>

		<uni-list :border="true">

			<!-- 显示圆形头像 -->
			<uni-list-chat title="夏清风" avatar="../../static/01.jpg" note="您收到一条新的消息" time="2020-02-02 20:20"
				badge-positon="left" badge-text="dot" link="navigateTo" :clickable="true" @click="Tz">
				<!-- <image src="../../static/01.jpg"></image> -->
			</uni-list-chat>
			<uni-list-chat title="慕华" avatar="../../static/02.jpg" note="您收到一条新的消息" time="2020-02-02 20:20"
				badge-positon="left" badge-text="dot" link="navigateTo" :clickable="true" @click="Tz">
				<!-- <image src="../../static/01.jpg"></image> -->
			</uni-list-chat>
			<uni-list-chat title="逐风" avatar="../../static/03.jpg" note="您收到一条新的消息" time="2020-02-02 20:20"
				badge-positon="left" badge-text="dot" link="navigateTo" :clickable="true" @click="Tz">
				<!-- <image src="../../static/01.jpg"></image> -->
			</uni-list-chat>
			<uni-list-chat title="冥冥之中" avatar="../../static/10.jpg" note="您收到一条新的消息" time="2020-02-02 20:20"
				badge-positon="left" badge-text="dot" link="navigateTo" :clickable="true" @click="Tz">
				<!-- <image src="../../static/01.jpg"></image> -->
			</uni-list-chat>
			<uni-list-chat title="暮色" avatar="../../static/08.jpg" note="您收到一条新的消息" time="2020-02-02 20:20"
				badge-positon="left" badge-text="dot" link="navigateTo" :clickable="true" @click="Tz">
				<!-- <image src="../../static/01.jpg"></image> -->
			</uni-list-chat>
			<uni-list-chat title="夏清风" avatar="../../static/02.jpg" note="您收到一条新的消息" time="2020-02-02 20:20"
				badge-positon="left" badge-text="dot" link="navigateTo" :clickable="true" @click="Tz">
				<!-- <image src="../../static/01.jpg"></image> -->
			</uni-list-chat>
			<uni-list-chat title="闲花落" avatar="../../static/04.jpg" note="您收到一条新的消息" time="2020-02-02 20:20"
				badge-positon="left" badge-text="dot" link="navigateTo" :clickable="true" @click="Tz">
				<!-- <image src="../../static/01.jpg"></image> -->
			</uni-list-chat>
			<uni-list-chat title="不等闲" avatar="../../static/06.jpg" note="您收到一条新的消息" time="2020-02-02 20:20"
				badge-positon="left" badge-text="dot" link="navigateTo" :clickable="true" @click="Tz">
				<!-- <image src="../../static/01.jpg"></image> -->
			</uni-list-chat>
			<uni-list-chat title="追风筝的人" avatar="../../static/05.jpg" note="您收到一条新的消息" time="2020-02-02 20:20"
				badge-positon="left" badge-text="dot" link="navigateTo" :clickable="true" @click="Tz">
				<!-- <image src="../../static/01.jpg"></image> -->
			</uni-list-chat>
			<uni-list-chat title="申肖克" avatar="../../static/02.jpg" note="您收到一条新的消息" time="2020-02-02 20:20"
				badge-positon="left" badge-text="dot" link="navigateTo" :clickable="true" @click="Tz">
				<!-- <image src="../../static/01.jpg"></image> -->
			</uni-list-chat>
			<uni-list-chat title="请风带走我" avatar="../../static/08.jpg" note="您收到一条新的消息" time="2020-02-02 20:20"
				badge-positon="left" badge-text="dot" link="navigateTo" :clickable="true" @click="Tz">
				<!-- <image src="../../static/01.jpg"></image> -->
			</uni-list-chat>
			<uni-list-chat title="如果呢" avatar="../../static/07.jpg" note="您收到一条新的消息" time="2020-02-02 20:20"
				badge-positon="left" badge-text="dot" link="navigateTo" :clickable="true" @click="Tz">
				<!-- <image src="../../static/01.jpg"></image> -->
			</uni-list-chat>




		</uni-list>

	</view>
</template>

<script>
	import ws from '../../common/websocket.js';
	export default {
		data() {
			return {

			}
		},
		methods: {
			Tz() {
				console.log("可以跳转")
				uni.navigateTo({
					url: "../chat/chat",
					fail(res) {
						console.log(res)
					}
				})
			}

		},
		onLoad(){
			// ws.init('ws://124.223.164.252:8288/ws',function(data){console.log("回调函数接受的数据",data)});
			// setTimeout((_) => {
			//       ws.send({ userId: 1});
			//     }, 2000)
			   
			}
			
			
			
			
	}
</script>

<style>

</style>
